<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE HTML>
<html>
	<head>
		<title>艾居青</title>
    	<meta charset="utf-8">
    	<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link href="<?php echo ($css); ?>bootstrap.min.css" rel='stylesheet' type='text/css' />
		<link href="<?php echo ($css); ?>style.css" rel='stylesheet' type='text/css' />

		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="<?php echo ($script); ?>jquery.min.js"></script>
	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <link href="<?php echo ($css); ?>ie8.css" rel='stylesheet' type='text/css' />
      <script src="<?php echo ($script); ?>html5shiv.min.js"></script>
      <script src="<?php echo ($script); ?>respond.min.js"></script>
    <![endif]-->

		 <!-- start-smoth-scrolling-->
		<script type="text/javascript" src="<?php echo ($script); ?>move-top.js"></script>
		<script type="text/javascript" src="<?php echo ($script); ?>easing.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					//event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
				});
			});
		</script>
		 <!-- start-smoth-scrolling-->
   		 <!-- 
		<script type="application/x-javascript"> 
		addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } 
		</script>-->
		<!--start-top-nav-script-->
		<script>
			$(function() {
				var pull 		= $('#pull');
					menu 		= $('nav ul');
					menuHeight	= menu.height();
				$(pull).on('click', function(e) {
					e.preventDefault();
					menu.slideToggle();
				});
				$(window).resize(function(){
	        		var w = $(window).width();
	        		if(w > 320 && menu.is(':hidden')) {
	        			menu.removeAttr('style');
	        		}
	    		});
			});
		</script>
		<!--//End-top-nav-script-->
	</head>
	<body>
		<!-- start-header-->
			<div id="home" class="header">
					<div class="top-header bounceInDown" data-wow-delay="0.4s">
						<div class="header-bg"></div>
						<div class="container">
							<div class="row">
						<div class="logo">
							<a href="index.html"><img src="<?php echo ($img); ?>logo.png" ></a>
						</div>
						<!--start-top-nav-->
						 <nav class="top-nav">
							<ul class="top-nav">
								<li><a href="#about" class="scroll">关于我们</a></li>
								<li><a href="#portfolio" class="scroll">我们的案例</a></li>
								<li><a href="#skills" class="scroll">改善指数</a></li>
								<li><a href="#teamt" class="scroll">我们的团队</a></li>
								<li><a href="#contact" class="scroll">联系我们</a></li>
								<li ><a href="http://www.igeching.com">零售商城</a></li>
							</ul>
							<a href="#" id="pull"><img src="<?php echo ($images); ?>nav-icon.png" title="menu" /></a>
						</nav>
						<div class="clearfix"> </div>
					</div>
				</div>
				</div>
			</div>
		<!-- //End-header-->
		<!--start-slider-script-->
			<script src="<?php echo ($script); ?>responsiveslides.min.js"></script>
			 <script>
			    // You can also use "$(window).load(function() {"
			    $(function () {
			      // Slideshow 4
			      $("#slider4").responsiveSlides({
			        auto: true,
			        pager: true,
			        nav: true,
			        speed: 500,
			        namespace: "callbacks",
			        before: function () {
			          $('.events').append("<li>before event fired.</li>");
			        },
			        after: function () {
			          $('.events').append("<li>after event fired.</li>");
			        }
			      });
			
			    });
			  </script>
			<!--//End-slider-script-->
			<!-- Slideshow 4 -->
			<div  id="top" class="callbacks_container">
			    	
			      <ul class="rslides" id="slider4">
			        <li>
			          <img src="<?php echo ($images); ?>banner2.png" alt="">
			          <div class="caption f-sy bounceInDown" data-wow-delay="0.4s">
			          	<div class="slide-text-info">
			          		<h1><i class="opa"></i><span>想你所想 超越期待</span></h1>			          		
			          		<div><p><i class="opa"></i><span>为个人与企业客户打造专业功能绿色空间</span></p></div>
			          	</div>
			          </div>
			        </li>
			        
			      </ul>
			   </div>
			
			    
			<!-- //End-slider-->
			<!-- top-grids -->
			<div id="about" class="top-grids text-center">
				<h3 class="title f-sy">关于我们</h3>
				<div class="container">
					<div class="row">
					<div class="col-sm-4">
						<div class="top-grid">
							<span><label class="icon1"><img src="<?php echo ($img); ?>1.png" ></label></span>
							<h3 class="f-sy-l"><a >国萃实力</a></h3>
							<p>艾居青（igeching）为从属于国萃花卉控股
							旗下的花卉绿植零售品牌，十载经营，实力
							雄厚，年交易额达到百亿，整合华南区花卉
							行业产业资源打造了亚太最具规模的花卉交
							易服务平台。</p>
						</div>
					</div>
					<div class="col-sm-4">
						<div class="top-grid">
							<span><label class="icon2"> <img src="<?php echo ($img); ?>2.png" ></label></span>
							<h3 class="f-sy-l"><a >品牌承诺</a></h3>
							<p>艾居青（igeching）为国萃花卉控股旗下的花
							卉绿植零售品牌。以“随心、快乐”品牌理念为
							行业牵起新风尚。品牌形象时尚、健康。</p>
						</div>
					</div>
					<div class="col-sm-4">
						<div class="top-grid">
							<span><label class="icon3"> <img src="<?php echo ($img); ?>3.png" ></label></span>
							<h3 class="f-sy-l"><a >360°服务管家</a></h3>
							<p>艾居青（igeching）首创“360°管家”服务，“植物
							保险”服务，终生植物养护咨询服务。针对集团
							各种业务为客户提供各项的售前、售后服务。</p>
						</div>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
			</div>
			<!-- top-grids -->
			<!-- works -->
			<div id="portfolio" class="works text-center">
				<h3 class="title f-sy">我们的案例</h3>
				<div class="container">
					<div class="row">
					<!-- start-portfolio-script-->
					<script type="text/javascript" src="<?php echo ($script); ?>jquery.mixitup.min.js"></script>
					<script type="text/javascript">
						$(function () {
							var filterList = {
								init: function () {
								
									// MixItUp plugin
									// http://mixitup.io
									$('#portfoliolist').mixitup({
										targetSelector: '.portfolio',
										filterSelector: '.filter',
										effects: ['fade'],
										easing: 'snap',
										// call the hover effect
										onMixEnd: filterList.hoverEffect()
									});				
								
								},
								hoverEffect: function () {
									// Simple parallax effect
									$('#portfoliolist .portfolio').hover(
										function () {
											$(this).find('.label').stop().animate({bottom: 0}, 200, 'easeOutQuad');
											$(this).find('img').stop().animate({top: -30}, 500, 'easeOutQuad');				
										},
										function () {
											$(this).find('.label').stop().animate({bottom: -40}, 200, 'easeInQuad');
											$(this).find('img').stop().animate({top: 0}, 300, 'easeOutQuad');								
										}		
									);				
								
								}
					
							};
							// Run the show!
							filterList.init();
						});	
					</script>
					<!--//End-portfolio-script-->
					<ul id="filters" class="clearfix f-sy-l">
						<li><span class="filter active" data-filter="type1 type2 type3 type4 type5">全部</span> /</li>
						<li><span class="filter" data-filter="type1">家庭租摆</span> /</li>
						<li><span class="filter" data-filter="type2">商业租摆</span> /</li>
						<li><span class="filter" data-filter="type3">商业空间景观</span> /</li>
						<li><span class="filter" data-filter="type4">别墅景观绿化</span></li>
						<li><span class="filter" data-filter="type5">其他景观绿化</span></li>
					</ul>
					<p class="gray-9 lh24 fs16 f-sy-l">艾居青云集园林、造景、园艺精英，专业团队打造顶级绿色服务。擅长园林造景设计工程，商业<br>
						空间景观设计工程，室内绿化景观设计工程等全方位绿化设计服务。<a href="case.html" class="baseColor2">点击此处了解更多</a>
					</p>
					<div id="portfoliolist" >
					<div class="portfolio type5 mix_all port-big-grid" data-cat="type5">
						<div class="portfolio-wrapper">		
							<a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go  thickbox">
						     <img class="p-img" src="<?php echo ($images); ?>w1.jpg" /><div class="b-wrapper">
						     	<h2 class="b-animate b-from-left b-delay03 ">
						     		<div class="work-caption f-sy text-center">
						     			<div class="search-icon" ><span> </span></div>
						     			<div class="link-icon" ><span> </span></div>
						     			<div class="clearfix"> </div>
						     			<h3>其他景观绿化</h3>
						     		</div>
						     	</h2>
						  	</div></a>
		                </div>
					</div>				
					<div class="portfolio type3 mix_all" data-cat="type3">
						<div class="portfolio-wrapper">		
							<a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go  thickbox">
						     <img class="p-img" src="<?php echo ($images); ?>w2.jpg" /><div class="b-wrapper">
						     	<h2 class="b-animate b-from-left b-delay03 ">
						     		<div class="work-caption f-sy text-center">
						     			<div class="search-icon" href="#"><span> </span></div>
						     			<div class="link-icon" href="#"><span> </span></div>
						     			<div class="clearfix"> </div>
						     			<h3>商业空间景观</h3>
						     		</div>
						     	</h2>
						  	</div></a>
		                </div>
					</div>		
					<div class="portfolio type2 mix_all" data-cat="type2">
						<div class="portfolio-wrapper">		
							<a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go  thickbox">
						     <img class="p-img" src="<?php echo ($images); ?>w3.jpg" /><div class="b-wrapper">
						     	<h2 class="b-animate b-from-left    b-delay03 ">
						     		<div class="work-caption f-sy text-center">
						     			<div class="search-icon" href="#"><span> </span></div>
						     			<div class="link-icon" href="#"><span> </span></div>
						     			<div class="clearfix"> </div>
						     			<h3>商业租摆</h3>
						     		</div>
						     	</h2>
						  	</div></a>
		                </div>
					</div>				
					<div class="portfolio type2 mix_all" data-cat="type2">
						<div class="portfolio-wrapper">		
							<a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go  thickbox">
						     <img class="p-img" src="<?php echo ($images); ?>w4.jpg" /><div class="b-wrapper">
						     	<h2 class="b-animate b-from-left    b-delay03 ">
						     		<div class="work-caption f-sy text-center">
						     			<div class="search-icon" href="#"><span> </span></div>
						     			<div class="link-icon" href="#"><span> </span></div>
						     			<div class="clearfix"> </div>
						     			<h3>商业租摆</h3>
						     		</div>
						     	</h2>
						  	</div></a>
		                </div>
					</div>	
					<div class="portfolio type1 mix_all" data-cat="type1">
						<div class="portfolio-wrapper">		
							<a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go  thickbox">
						     <img class="p-img" src="<?php echo ($images); ?>w5.jpg" /><div class="b-wrapper">
						     	<h2 class="b-animate b-from-left    b-delay03 ">
						     		<div class="work-caption f-sy text-center">
						     			<div class="search-icon" href="#"><span> </span></div>
						     			<div class="link-icon" href="#"><span> </span></div>
						     			<div class="clearfix"> </div>
						     			<h3>家庭租摆</h3>
						     		</div>
						     	</h2>
						  	</div></a>
		                </div>
					</div>			
					<div class="portfolio type4 mix_all" data-cat="type4">
						<div class="portfolio-wrapper">		
							<a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go  thickbox">
						     <img class="p-img" src="<?php echo ($images); ?>w6.jpg" /><div class="b-wrapper">
						     	<h2 class="b-animate b-from-left b-delay03 ">
						     		<div class="work-caption f-sy text-center">
						     			<div class="search-icon" ><span> </span></div>
						     			<div class="link-icon"><span> </span></div>
						     			<div class="clearfix"> </div>
						     			<h3>别墅景观绿化</h3>
						     		</div>
						     	</h2>
						  	</div></a>
		                </div>
					</div>	
					<div class="clearfix"> </div>	
				</div>
			</div>
			</div>
			</div>
			<!-- works -->
			<!-- skills -->
			<div id="skills" class="skills">
				<div class="container">
					<div class="row">
				<div class="head-section text-center">
					<h3 class="title f-sy">绿化设计环境改善指数</h3>
					<p>高端定制专业化的空间绿化设计，提供完善的设计方案，具有标准化的数据体现。</p>
				</div>

				<div class="services_grids">
	 		 	      <div id="canvas">
							<div class="skill-grids text-center f-sy">
									<div class="col-sm-3">	
										<div class="skill-grid">
											<div class="circle" id="circles-1"></div>									
											 <h3>绿化覆盖率</h3>
											 <p>改善后，平均室内绿化覆盖率<br>由10%提升到60%以上</p>
										 </div>								  
									</div>
									<div class="col-sm-3">	
										<div class="skill-grid">
											<div class="circle" id="circles-2"></div>									
											 <h3>环境改善指数</h3>
											 <p>改善后，居住环境改善指数<br>由50% 提升到80% 以上</p>
										 </div>								  
									</div>
									<div class="col-sm-3">	
										<div class="skill-grid">
											<div class="circle" id="circles-3"></div>									
											 <h3>氧离子释放指数</h3>
											 <p>改善后，负氧离子含量新<br>增67% 以上</p>	
										 </div>								  
									</div>
									<div class="col-sm-3">	
										<div class="skill-grid">
											<div class="circle" id="circles-4"></div>									
											 <h3>绿意舒心指数</h3>
											 <p>改善后，绿意舒心指数由<br>30%提升到90% 以上</p>
										 </div>								  
									</div>
									<div class="clearfix"> </div>
					          </div>
					   </div>
				</div>

				<!-- 采用静态图片代替 
				 <script type="text/javascript" src="<?php echo ($script); ?>circles.js"></script>
				<script>
								var colors = [
										['#DFDFDF', '#006d63'], ['#DFDFDF', '#006d63'], ['#DFDFDF', '#006d63'], ['#DFDFDF', '#006d63']
									];
								for (var i = 1; i <= 5; i++) {
									var child = document.getElementById('circles-' + i),
										percentage ='';
										switch(i){
											case 1:percentage=37 ;break;
											case 2:percentage=80 ;break;
											case 3:percentage=67 ;break;
											case 4:percentage=90 ;break;
											default:percentage = 0
										}
									
									Circles.create({
										id:         child.id,
										percentage: percentage,
										radius:     80,
										width:      15,
										number:   	percentage,
										text:       '%',
										colors:     colors[i - 1]
									});
								}
						
				</script>-->
				
			</div>
		</div>
			<!-- skills -->
			<!-- team -->
			<div id="teamt" class="team">
				<div class="container">
					<div class="row">
					<div class="head-section text-center">
						<h3 class="title f-sy">我们的团队</h3>
					</div>
					<!-- team-grids -->
					<div class="team-grids text-center">
						<div class="col-sm-4">
							<div class="team-grid">
								<img class="img-responsive t-pic" src="<?php echo ($images); ?>t1.jpg" title="name" />
								<h3 class="f-sy-b"><a href="#">国萃花卉 载誉十载</a></h3>
								<p>国萃花卉成立于2004，成立至今先后荣获“广州市农业龙头企业”“广东省优秀自主品牌”等称誉。</p>
							</div>
						</div>
						<div class="col-sm-4">
							<div class="team-grid">
								<img class="img-responsive t-pic" src="<?php echo ($images); ?>t2.jpg" title="name" />
								<h3 class="f-sy-b"><a href="#">精英团队 强大后盾</a></h3>
								<p>云集园林、造景、园艺精英，专业团队打造顶级绿色服务。带给你前所未有的艺术体验。</p>
							</div>
						</div>
						<div class="col-sm-4">
							<div class="team-grid">
								<img class="img-responsive t-pic" src="<?php echo ($images); ?>t3.jpg" title="name" />
								<h3 class="f-sy-b"><a href="#">亲切服务 专业态度</a></h3>
								<p>专业强大的服务团队提供周全的售前、售后服务，让每个客户体验到至尊无忧的服务感受。</p>
							</div>
						</div>
						<div class="clearfix"> </div>
					</div>
					<!-- team-grids -->
				</div>
			</div>
		</div>
			<div class="clearfix"> </div>
			<!-- team -->
			<!-- contact -->
			<div id="contact" class="contact">
				<div class="container">
					<div class="row">
					<div class="head-section text-center">
						<h3 class="title f-sy">联系我们</h3>
						<p>高端定制专业化的空间绿化设计，提供完善的设计方案，具有标准化的数据提现。</p>
					</div>
					<!-- contact-grids -->
					<div class="contact-grids">
						<div class="contact-map">
							<div id="mapContainer" style="min-height:300px;width:100%;"></div>
							<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=您申请的key值"></script>
							<script type="text/javascript">
							//初始化地图对象，加载地图
							var map = new AMap.Map("mapContainer",{
									resizeEnable: true,
								  	view: new AMap.View2D({
							      	center:new AMap.LngLat(113.185605,23.06308),//地图中心点
							        zoom:16 //地图显示的缩放级别
							    })
							});		
							//添加多边形覆盖物
							function addPolygon(){
							   var polygonArr=new Array();//多边形覆盖物节点坐标数组 
							   polygonArr.push(new AMap.LngLat("113.181839","23.063366")); 
							   polygonArr.push(new AMap.LngLat("113.183416","23.065271")); 
							   polygonArr.push(new AMap.LngLat("113.189338","23.065301")); 
							   polygonArr.push(new AMap.LngLat("113.189242","23.064195")); 
							   polygonArr.push(new AMap.LngLat("113.186184","23.061629")); 
							   polygonArr.push(new AMap.LngLat("113.183019","23.061974")); 
							   polygon=new AMap.Polygon({ 	
							   path:polygonArr,//设置多边形边界路径
							   strokeColor:"#006D63", //线颜色
							   strokeOpacity:0.9, //线透明度 
							   strokeWeight:4,    //线宽 
							   fillColor: "#006D63", //填充色
							   fillOpacity: 0.2//填充透明度
							  }); 
							   polygon.setMap(map);
							 }
							 addPolygon();
							</script>
						</div>
						<div class="contact-inner-info">
							<!-- contact-form -->
							<div class="col-md-8">
								<div class="contact-form" id="formMsg">
										<div class="text-boxs">
											<span class="name">
												<label class="f-sy-l">姓名</label>
												<input name="Name" type="text"> 
											</span>
											<span>
												<label class="f-sy-l">电话</label>
												<input name="Tel" type="text"> 
											</span>
											<div class="clearfix"> </div>
										</div>
										<div class="text-area-box">
											<span class="f-sy-l">信息留言</span>
											<textarea name="Msg"></textarea>
										</div>
										<input type="submit" name="Submit" value="提交" />
								</div>
							</div>
							
							<!-- contact-form -->
							<div class="col-md-4">
								<div class="contact-form">
									<div class="contact-address">
										<h4 class="f-sy-l">公司地址</h4>
										<p class="clearfix"><label >总部：</label>
											<span>广州市荔湾区龙溪大道广州花卉波兰科技示范映翠结15号（龙溪地铁口）</span></p>
										<p class="clearfix"><label >北京店：</label>
											<span>北京市东城区东中街40号元嘉国际2号楼501（栋四十条地铁口）</span></p>
										<p class="clearfix"><label >广州旗舰店：</label>
											<span>天河区黄埔大道74号花城汇负一层8090荟潮坊1057-1（黄埔大道地铁口）</span></p>
										<p class="clearfix">
											<label >香港店：</label>
											<span>香港九龙湾</span>
										</p>
									</div>
									<div class="contact-address">
										<h4 class="f-sy-l">联系方式</h4>
										<p class="clearfix">
											<label >官方商城：</label>
											<span><a href="www.igeching.com">www.igeching.com</a></span>
										</p>
										<p class="clearfix">
											<label >天猫旗舰店：</label>
											<span><a href="aijuqing.tmall.com">aijuqing.tmall.com</a></span>
										</p><p class="clearfix">
											<label >E-mail：</label>
											<span>igeching@gc-flowers.com</span>
										</p><p class="clearfix">
											<label >服务热线：</label>
											<span><a href="tel:4009001322">400-9001-322</a></span>
										</p>
									</div>
									
								</div>
							</div>
							<div class="clearfix"> </div>
							<!-- contact-form -->
						</div>
					</div>
					<!-- contact-grids -->
				</div>
			</div>
			</div>
		</div>
			<!-- contact -->
			<div class="clearfix"> </div>
			<!-- footer -->
			<div class="footer">
				<div class="container">
					<div class="row">
					<div class="footer-grids">
						<div class="col-sm-4">
							<div class="footer-grid">
								<h3>关于艾居青</h3>
								<div class="whoare-u">
									<p>艾居青(igeching)为从属于国萃花卉控股旗下的花卉绿植零
									售品牌。国萃花卉控股自2004年成立至今已成立五所子公司
									，从事花卉结算平台、基地种植、 大卖场集中销售、物流
									配送、花卉零售、花卉国外合作项目等一系列的业务。为亚
									太最具规模的花卉交易服务平台。国萃生态依托集团控股公
									司在整条产业链上的优势，旨在创造一种线上与线下相结合
									（O2O），能够迅速覆盖全国范围的绿植零售模式。
								</p>
								</div>
							</div>
						</div>
						<div class="col-sm-2">
							<div class="footer-grid">
								<h3>官方微信</h3>
								<p class="weixin">
									<img src="<?php echo ($img); ?>wx.jpg" >
								</p>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="footer-grid">
								<h3>联系方式</h3>
								<div class="intouch">
									<ul>
										<li><span class="pin"> </span>广州荔湾区龙溪大道<br>广州花卉博览科技示范映翠街15号</li>
										<li><span class="mobile"></span>400-9901-322 </li>
										<li><span class="msg"> </span>
											<a href="mailto:info@laso.com">igeching@gc-flowers.com</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="footer-grid">
								<h3>免费更新</h3>
								<div class="news-update">
									<p>发送邮箱地址，将成为我们的会员，了解艾居青最新优惠信息</p>
									<div class="Dyform">
										<input type="text" value="" id="DYEmail">
										<input type="submit" id="DYsubmit"  value="订阅" />
									</div>
								</div>
							</div>
						</div>
						<div class="clearfix"> </div>
					</div>
					</div>
				</div>
			</div>
			<!-- footer -->
			<!-- sub-footer -->
			<div class="sub-footer">
				<div class="container">
					<div class="row">
					<div class="copy-right">
						<p>© 2014-2015 mallgc.com All Rights Reserved</p>
					</div>
					<div class="footer-links">
						<ul>
							<li><a href="#">关于我们</a></li>
							<li><a href="#">我们的案例</a></li>
							<li><a href="#">改善指数</a></li>
							<li><a href="#">我们的团队</a></li>
							<li><a href="#">联系我们</a></li>
						</ul>
					</div>
					<div class="clearfix"> </div>
					<script type="text/javascript">
									$(document).ready(function() {
										/*
										var defaults = {
								  			containerID: 'toTop', // fading element id
											containerHoverID: 'toTopHover', // fading element hover id
											scrollSpeed: 1200,
											easingType: 'linear' 
								 		};
										*/
										
										$().UItoTop({ easingType: 'easeOutQuart' });
										
									});
								</script>
									<a href="javascript:;" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
					</div>
				</div>
				<!-- sub-footer -->
			</div>

		<!--<script src="<?php echo ($script); ?>html5shiv.min.js"></script>
		<script src="<?php echo ($script); ?>respon.min.js"></script>
		<script src="<?php echo ($script); ?>selectivizr-min.js"></script>
		<script src="<?php echo ($script); ?>jquery.backgroundSize.js"></script>-->
<script type="text/javascript">
								$(function(){
										var obj = $('#formMsg');
										var name = obj.find('[name="Name"]');
										var Tel = obj.find('[name="Tel"]');
										var Msg = obj.find('[name="Msg"]');
										var submit = obj.find('[name="Submit"]');
										var filter = /^([0-9]{11})?$/;
										function init(){
											name.val('');
											Tel.val('');
											Msg.val('');
										}
										submit.click(function(event) {
											if (name.val()=='') {
												$.tips.error('姓名不能为空');
												name.focus();
												return
											}if (Tel.val()=='') {
												$.tips.error('手机不能为空');
												Tel.focus();
												return
											}
											if (!filter.test(Tel.val())) {
												$.tips.error('手机格式不正确');
												Tel.focus();
												return
											}if (Msg.val()=='') {
												$.tips.error('请输入留言内容');
												Msg.focus();
												return
											}
											loading();
											$.ajax({
								                url: '__URL__/add',
								                type: 'POST',
								                dataType: 'json',
								                data: { "name": name.val(),"tel": Tel.val(),"content": Msg.val() },
								                success: function (data) {
								                    if (data.status ==1) {
								                        setTimeout(function(){
								                        	$.tips.success(data.info);
								                        	$("#loading").remove();
								                        	init();
								                        }, 300)
								                    } else {
								                        $.tips.error(data.info);
								                        $("#loading").remove();
								                    }
								                    
								                }
								                
								            });
										});
										$("#DYsubmit").click(function(event) {
											var re = /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/;
											if ($('#DYEmail').val()=='') {
												$.tips.error('请填写邮箱');
												$('#DYEmail').focus();
												return
											}if (!re.test($('#DYEmail').val())) {
												$.tips.error('邮箱格式不正确');
												$('#DYEmail').focus();
												return
											}
											loading();
											$.ajax({
								                url: '__URL__/adddy',
								                type: 'POST',
								                dataType: 'json',
								                data: { "email": $('#DYEmail').val()},
								                success: function (data) {
								                    if (data.status ==1) {
								                        setTimeout(function(){
								                        	$.tips.success(data.info);
								                        	$("#loading").remove();
								                        	$('#DYEmail').val('');
								                        }, 300)
								                    }else if(data.status ==2) {
								                        $.tips.error(data.info);
								                        $('#DYEmail').focus();;
								                        $("#loading").remove();
								                    }
								                     else {
								                        $.tips.error(data.info);
								                        $("#loading").remove();
								                    }
								                    
								                }
								            });
								            
										});																	
								});
								function loading(){
									var $body = $('body');
									var html = '<div id="loading" ><div class="opa"></div><div class="bd">加载中…</div></div>' 
									$(html).appendTo($body);
								}
								(function($){ 
									$.tips = {
									init:function(center,type) {
										var $window = $(window);
										var $body = $('body');
										var html = '<div class="tipsdailog '+ type +'" >'+center+'</div>';
										$(html).appendTo($body);
										var box = $('.tipsdailog');
										var top = $window.height()/2-box.outerHeight()/2-40;
										var left = $window.width()/2-box.outerWidth()/2;
										box.css({
											opacity:0,
											left:left+'px',
											top:top+'px'
										});
										box.fadeTo(300,1);
										$.tips.hide(3000);
									},
									success:function(center) {
										$.tips.init(center,'tips-success');         
									},
									error:function(center) {
										$.tips.init(center,'tips-error');         
									},
									hide:function(t) {
										var box = $('.tipsdailog');
										setTimeout(function(){
											box.remove();
										},t);
									}
									}
									})(jQuery);
							</script>
	</body>
</html>